﻿<div id='widget_${id}' class='dijitReset dijitInputField dijitInputContainer dijitInline epi-resourceInputContainer' data-dojo-attach-point='stateNode' tabindex="0" >
    
    <div class="thumbnail-placeholder">
        <img data-dojo-attach-point="thumbnail" src="" style="display: none" data-dojo-attach-event="ondijitclick:_selectLocation"/>
        <div data-dojo-attach-point='noLocationNode' class="noImage" data-dojo-attach-event="ondijitclick:_selectLocation"><a href="#" class="epi-visibleLink" data-dojo-attach-point="hyperlinkSelectLocation" >Click to select a location</a></div>
    </div>
    
    <div class="coordinates-form">
        <label class="input-label" data-dojo-attach-point="lblLatitude">Latitude</label>
        <input data-dojo-type="ow-epi-numberSpinner.widgets.numberSpinner" data-dojo-attach-point="latInput" data-dojo-props="constraints:{min:-90,max:90,pattern:'###.########'}" />       
        <label class="input-label" data-dojo-attach-point="lblLongitude">Longitude</label>
        <input data-dojo-type="ow-epi-numberSpinner.widgets.numberSpinner" data-dojo-attach-point="lngInput" data-dojo-props="constraints:{min:-180,max:180,pattern:'####.########'}" />    
        <label class="input-label" data-dojo-attach-point="lblZoom">Zoom</label>
        <input data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="mapZoomInput"/>
        <div class="clear-button" data-dojo-type="dijit.form.Button" data-dojo-attach-point="buttonClear">Clear</div>
    </div>
        
</div>
